<template>
  <div class="h-full flex flex-col">
    <div class="font-bold text-24px" data-v-c2f24a94="">编辑个人介绍</div>
    <div class="mt-16px flex-1 flex gap-17px overflow-hidden">
      <EditPhoto v-model:images="userInfo.photo_album" />
      <EditInfo :userInfo="userInfo" @ok="handleOk" />
    </div>
  </div>
</template>
<script setup>
// import { ref } from 'vue'
import EditPhoto from './components/photo.vue'
import EditInfo from './components/info.vue'
import { useUserStore } from '@/store'
import { setUserInfo } from '@/api/user'
import { Message } from '@arco-design/web-vue'
const { userInfo, setInfo } = useUserStore()
const handleOk = (data) => {
  setUserInfo({ ...userInfo, ...data }).then(() => {
    Message.success('修改成功')
    setInfo({ ...userInfo, ...data })
  })
}
</script>
<style lang="less" scoped></style>
